<template>
	<view id="peopleBar">
		<view class="attention_out_head">
			<view class="left">
				<view class="head_img">
					<image :src="arr2.head_img" mode="" class="image"></image>
				</view>
				<view class="head_information">
					<view class="head_name">
						{{arr2.head_name}}
					</view>
					<view class="head_fans">
						关注·{{arr2.head_fans_1}}  粉丝·{{arr2.head_fans_2}}
					</view>
					<view class="head_signature">
						{{arr2.head_signature}}
					</view>
				</view>
			</view>
			<view class="middle">
				
			</view>
			<view class="right">
				<view class="cancel" v-if="flag==1">
					取消关注
				</view>
				<view class="cancel" v-if="flag==2">
					互相关注
				</view>
				<view class="look">
					查看
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'AttentionBar',
		data () {
			return {
				
			}
		},
		components:{
			
		},
		props:{
			arr2:{
				type:Object,
				default () {
					return {};
				}
			},
			flag:{
				type:Number,
				default () {
					return 0;
				}
			}
		},
		methods:{
			
		}
	}
</script>

<style>
	.attention_out_head{
		background-color: #CFE4FF;
		/* border-radius: 27.27rpx; */
		display: flex;
		margin: 7rpx auto;
	}
	.left{
		display: flex;
	}
	.head_img{
		width: 80.9rpx;
		height: 80.9rpx;
		background-color: #FFFFFF;
		border-radius: 50%;
		text-align: center;
		font-size: 26rpx;
		line-height: 80.9rpx;
		margin: 30.36rpx 14rpx 30.36rpx 21.81rpx;
	}
	.head_img .image{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.head_information{
		
	}
	.head_name{
		margin-top: 28rpx;
		font-size: 24rpx;
	}
	.head_fans{
		font-size: 18rpx;
		margin: 5rpx 0;
	}
	.head_signature{
		font-size: 20rpx;
	}
	.middle{
	
	}
	.right{
		display: flex;
		margin-top: 45rpx;
	}
	.cancel{
		width: 135rpx;
		font-size: 20rpx;
		background-color: #62A7FF;
		border-radius: 27.27rpx;
		color: #fff;
		text-align: center;
		line-height: 50rpx;
		height: 50rpx;
		position: absolute;
		right: 145rpx;
	}
	.look{
		width: 90rpx;
		font-size: 20rpx;
		background-color: #62A7FF;
		border-radius: 27.27rpx;
		color: #fff;
		text-align: center;
		line-height: 50rpx;
		height: 50rpx;
		position: absolute;
		right: 37rpx;
	}
</style>
